<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>代劳首页</title>
    <#include "/common/head.html" />
    <link rel="stylesheet" href="${base}/css/index.css" />
    <link rel="stylesheet" href="${base}/css/mineOrder.css" />
</head>
<body>
	<!--顶部导航-->
	<header class="mui-bar mui-bar-nav">
		<h1 id="title" class="mui-title">订单状态</h1>
	</header>
	<!--mineOrderState状态列表-->
	<div class="mineOrderState">
		<ul class="clearfix">
			<li class="orderStateActive" data-id="3"><span>已完成</span></li>
			<li data-id="2"><span>进行中</span></li>
			<li data-id="5"><span>投诉中</span></li>
		</ul>
	</div>
	<div id="pullrefresh" class="mui-content mui-scroll-wrapper pullFresh">
	<div class="mui-scroll">
	<!--相应的订单-->
	<div class="taskWrap orderStateWrap"orderStateActive>
		<div class="taskList clearfix">
			<div class="taskTxt pull-left">
				<span class="txtTitle">武汉测试12武汉测试12武汉测试12</span>
				<span class="txtSubTitle">武汉测试武汉测试12武汉测试12武汉测试12</span>
				<span class="taskAddress"><i class="icon iconfont icon-ditu"></i>东一食堂</span>
				<span class="taskTime"><i class="icon iconfont icon-shijian"></i>15:00-18:00</span>
				<span class="taskNum"><i class="icon iconfont icon-shang"></i>50元</span>
			</div>
			<div class="orderStateIcon">
				<img src="${base}/image/yiwancheng.png" alt="" />
			</div>
		</div>
	</div>
	</div>
	</div>
    <script id="tpl-order" type="text/html">
        {{each list as item}}
        <div class="taskList clearfix">
            <div class="taskTxt pull-left">
                <span class="txtTitle">{{item.order_title}}</span>
                <span class="txtSubTitle">武汉测试武汉测试12武汉测试12武汉测试12</span>
                <span class="taskAddress"><i class="icon iconfont icon-ditu"></i>{{item.re_address}}</span>
                <span class="taskTime"><i class="icon iconfont icon-shijian"></i>{{item.re_begin_time}}-{{item.re_end_time}}</span>
                <span class="taskNum"><i class="icon iconfont icon-shang"></i>{{item.amount}}元</span>
            </div>
            <div class="orderStateIcon">
                <img src="${base}/image/yiwancheng.png" alt="" />
            </div>
        </div>
        {{/each}}
    </script>

	<!--底部导航-->
    <#include "/common/footer.html" />
	<script src="${base}/js/mineOrder.js"></script>
</body>
</html>